<template>
    <div class="mmv-container mmv-article-list">
        <div class="mmv-article-list__body">
            <template v-for="num in 5">
                <mmvArticleCard :key="`article_${num}`"></mmvArticleCard>
            </template>
        </div>
        <div class="mmv-container__footer mmv-article-list__footer">
            <mmvLoadmore></mmvLoadmore>
        </div>
    </div>
</template>

<script>
import mmvArticleCard from "@/components/mmv-article-card.vue";
import mmvLoadmore from "@/components/mmv-loadmore.vue";

export default {
    components: {
        mmvArticleCard,
        mmvLoadmore,
    },
};
</script>